const path = require('path')
module.exports = {
  // 基本路径   整个文件夹在哪
  publicPath: './',
  // 输出文件目录   文件夹名
  outputDir: 'dist',
  // 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录。    资源放的目录
  assetsDir: "./static",
  // 指定生成的 index.html 的输出路径 (相对于 outputDir)。也可以是一个绝对路径    index的路劲和名字
  indexPath: './index.html',
  // eslint-loader 是否在保存的时候检查
  lintOnSave: true,
  chainWebpack: (config) => {
      config
          .plugin('html')
          .tap((args) => {
              args[0].title = '数据可视化大屏';
              return args;
          });
  },
  // runtimeCompiler: true, // 运行时版本是否需要编译
  transpileDependencies: [], // 默认babel-loader忽略mode_modules，这里可增加例外的依赖包名
  productionSourceMap: false, // 是否在构建生产包时生成 sourceMap 文件，false将提高构建速度
  css: {
      // loaderOptions: {
      //   // 给 sass-loader 传递选项
      //   sass: {
      //     // @/ 是 src/ 的别名
      //     // 所以这里假设你有 `src/variables.sass` 这个文件
      //     // 注意：在 sass-loader v8 中，这个选项名是 "prependData"
      //     additionalData: `@import "~@/scss/index.sass"`
      //   },
      //   // 默认情况下 `sass` 选项会同时对 `sass` 和 `scss` 语法同时生效
      //   // 因为 `scss` 语法在内部也是由 sass-loader 处理的
      //   // 但是在配置 `prependData` 选项的时候
      //   // `scss` 语法会要求语句结尾必须有分号，`sass` 则要求必须没有分号
      //   // 在这种情况下，我们可以使用 `scss` 选项，对 `scss` 语法进行单独配置
      //   // scss: {
      //   //   additionalData: `@import "~@/variables.scss";`
      //   // },
      //   // 给 less-loader 传递 Less.js 相关选项
      //   // less:{
      //   //   // http://lesscss.org/usage/#less-options-strict-units `Global Variables`
      //   //   // `primary` is global variables fields name
      //   //   globalVars: {
      //   //     primary: '#fff'
      //   //   }
      //   // }
      // }
    },
  parallel: require('os').cpus().length > 1, // 构建时开启多进程处理babel编译
  pluginOptions: {

  },
  pwa: {
    // 单页插件相关配置 https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa
  }
}